<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!doctype html>
<html class="no-js" lang="en">
<head>
    <jsp:include page="../commons/top.jsp"/>
    <title>咙咚锵购物商城</title>
</head>

</head>
<body>
<!--头部区域开始-->
    <jsp:include page="../commons/head.jsp"/>
<!--头部区域结束-->

<!--导航区域开始-->
    <div class="breadcrumbs_area">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="breadcrumb_content">
                        <ul>
                            <li><a href="${pageContext.request.contextPath}/">首页</a></li>
                            <li>购物车</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
<!--导航区域结束-->

<!--购物车区开始 -->
    <div class="cart_page_bg">
        <div class="container">
            <div class="shopping_cart_area">
                <form action="#">
                    <div class="row">
                        <div class="col-12">
                            <div class="table_desc">
                                <div class="cart_page table-responsive">
                                    <table>
                                        <thead>
                                        <tr>
                                            <th class="product_remove">删除</th>
                                            <th class="product_thumb">图片</th>
                                            <th class="product_name">商品</th>
                                            <th class="product-price">价格</th>
                                            <th class="product_quantity">数量</th>
                                            <th class="product_total">总计</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        <tr>
                                            <td class="product_remove"><a href="#"><i class="fa fa-trash-o"></i></a></td>
                                            <td class="product_thumb"><a href="#"><img src="assets/img/s-product/product.jpg" alt=""></a></td>
                                            <td class="product_name"><a href="#">肾宝味道好极了</a></td>
                                            <td class="product-price">£65.00</td>
                                            <td class="product_quantity"><label>数量</label> <input min="1" max="100" value="1" type="number"></td>
                                            <td class="product_total">£130.00</td>


                                        </tr>

                                        <tr>
                                            <td class="product_remove"><a href="#"><i class="fa fa-trash-o"></i></a></td>
                                            <td class="product_thumb"><a href="#"><img src="assets/img/s-product/product2.jpg" alt=""></a></td>
                                            <td class="product_name"><a href="#">肾宝味道好极了</a></td>
                                            <td class="product-price">£90.00</td>
                                            <td class="product_quantity"><label>数量</label> <input min="1" max="100" value="1" type="number"></td>
                                            <td class="product_total">£180.00</td>


                                        </tr>
                                        <tr>
                                            <td class="product_remove"><a href="#"><i class="fa fa-trash-o"></i></a></td>
                                            <td class="product_thumb"><a href="#"><img src="assets/img/s-product/product3.jpg" alt=""></a></td>
                                            <td class="product_name"><a href="#">肾宝味道好极了</a></td>
                                            <td class="product-price">£80.00</td>
                                            <td class="product_quantity"><label>数量</label> <input min="1" max="100" value="1" type="number"></td>
                                            <td class="product_total">£160.00</td>


                                        </tr>

                                        </tbody>
                                    </table>
                                </div>
                                <div class="cart_submit">
                                    <button type="submit">更新购物车</button>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--优惠码区开始-->
                    <div class="coupon_area">
                        <div class="row">
                            <div class="col-lg-6 col-md-6">
                                <div class="coupon_code left">
                                    <h3>优惠券</h3>
                                    <div class="coupon_inner">
                                        <p>如果您有优惠码 请输入：</p>
                                        <input placeholder="优惠券号码" type="text">
                                        <button type="submit">使用优惠券</button>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-6 col-md-6">
                                <div class="coupon_code right">
                                    <h3>购物车总计</h3>
                                    <div class="coupon_inner">
                                        <div class="cart_subtotal">
                                            <p>小计</p>
                                            <p class="cart_amount">£215.00</p>
                                        </div>
                                        <div class="cart_subtotal ">
                                            <p>运费</p>
                                            <p class="cart_amount"><span>统一运费:</span> £255.00</p>
                                        </div>
                                        <a href="#">运费结算</a>

                                        <div class="cart_subtotal">
                                            <p>总计</p>
                                            <p class="cart_amount">£215.00</p>
                                        </div>
                                        <div class="checkout_btn">
                                            <a href="#">进行结算</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--coupon code area end-->
                </form>
            </div>
        </div>
    </div>
<!--购物车区结束 -->

<!--footer area start-->
<jsp:include page="../commons/bottom.jsp"/>
<!--footer area end-->
</body>
</html>
